/* 改变主题色变量 */
$--color-primary: #BDA280;

/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";
@import './transition.scss';
.app-container {
  font-family: Microsoft YaHei, 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  font-size: 14px;
  width: 100%;
  height:100%;
}
.el-menu{
  border-right: none;
  background-color: #f8f8f8;
  .el-menu-item.is-active {
    background-color: #f8f6f2;
  }
}

*{
  margin: 0;
  padding: 0;
}
html, body{
  height: 100%;
  width: 100%;
}
ul, li, ol{
  list-style: none;
}
a, a:focus, a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}
.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}
.container{
  position: relative;
  min-width: 1170px;
}
.width_1200{
  width: 1200px;
  margin: 0 auto;
}
.primary{
  color: #BDA280;
}
.font12{
  font-size: 12px;
}
.btn-center{
  text-align: center;
}
.btn-right{
  text-align: right;
}
.go-back{
  cursor: pointer;
  &:hover{
    color: #BDA280;
  }
}
.right-triangle{
  position: absolute;
  width:0px;
  height:0px;
  border-left:15px solid #BDA280;
  border-top:15px solid transparent;
  border-bottom:15px solid transparent; 
  z-index: 10;
}

.code {
  height: 36px;
  line-height: 36px;
  display: flex;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  .code-input {
    width: 100%;
    height: 34px;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    outline: none;
    padding: 0 15px;
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .line {
    height: 60%;
    width: 1px;
    margin: auto 0;
    border-left:1px solid #dcdfe6;
  }

  ::-webkit-input-placeholder {
      /* WebKit, Blink, Edge */
      font-size: 14px;
      color: #C0C4CC;
    }
    :-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      font-size: 14px;
      color: #C0C4CC;
    }
    ::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      font-size: 14px;
      color: #C0C4CC;
    }
    :-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      font-size: 14px;
      color: #C0C4CC;
    }
}
.banner2{
  .el-input__inner{
    height: 50px;
    line-height: 50px;
  }
}